/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Flex Slider 
=========================================================*/
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus{
	outline:none;
}

.slides,.flex-control-nav,.flex-direction-nav{
	margin:0;
	padding:0;
	list-style:none;
}

.flexslider {
	margin:0;padding:0;
}

.flexslider .slides>li {
	display:none;
	-webkit-backface-visibility:hidden;
}

.flexslider .slides img{
	max-width:100%;display:block;
}

.flex-pauseplay span{
	text-transform:capitalize;
}

.slides:after{
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}

html[xmlns] .slides{
	display:block;
}

* html .slides{
	height:1%;
}

.no-js .slides>li:first-child{
	display:block;
}

.flexslider, .flexslider4{
	position:relative;
	zoom:1;
}

.flexslider .slides{
	zoom:1;
}

.flexslider .slides>li{
	position:relative;
}

.flexslider .slides li.di01{
	background-color:#0083C3;
	background-image: url(/semipower/htm/slider01/images/x-xsy01-2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0;
}
.flexslider .slides li.di02{
	background-color:#0083C3;
	background-image: url(/semipower/htm/slider01/images/x-xsy01-1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0;
}
.flexslider .slides li.di03{
	background-color:#0083C3;
	background-image: url(/semipower/htm/slider01/images/x-xsy01-2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0;
}
.flexslider .slides li.di04{
	background-color:#0083C3;
	background-image: url(/semipower/htm/slider01/images/x-xsy01-3.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0;
}

.flex-container{
	zoom:1;
	position:relative;
}

.flex-direction-nav{
	height:0;
}

.flex-direction-nav li a{
	margin:0;
	display:block;
	position:absolute;
	top:45%;
	cursor:pointer;
	z-index:150;
	background-color: #2F343A;
    height: 38px;
    text-indent: -9999px;
    width: 38px;
	padding:8px;
}

.flex-direction-nav li a:hover {
	opacity:1; filter:alpha(opacity=100);
	background-color: #ffb806;
}

.flex-direction-nav li .flex-next{
	right:0;
    background-image: url("../images/next-small.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.flex-direction-nav li .flex-prev{
	left:0;
	background-image: url("../images/prev-small.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.flex-direction-nav li .flex-next:hover{
	background-image: url("../images/next-small-black.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.flex-direction-nav li .flex-prev:hover{
	background-image: url("../images/prev-small-black.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.flex-direction-nav li .disabled{
	opacity:.3;
	filter:alpha(opacity=30);
	cursor:default;
}

.slider-1 .flex-direction-nav li .flex-next{
	position:absolute;
	right:-30px;
	opacity:0; filter:alpha(opacity=0);
	-webkit-transition: all .3s ease;
}

.slider-1:hover .flex-direction-nav li .flex-next {
	opacity:1; filter:alpha(opacity=100);
	right:0;
}

.slider-1 .flex-direction-nav li .flex-prev{
	position:absolute;
	left:-30px;
	opacity:0; filter:alpha(opacity=0);
	-webkit-transition: all .3s ease;
}

.slider-1:hover .flex-direction-nav li .flex-prev{
	opacity:1; filter:alpha(opacity=100);
	left:0;
}

.flex-control-nav{
	width:100%;
	position:absolute;
	bottom:-32px;
	text-align:center;
	-webkit-transition: all .3s ease;
}

.slider-1:hover .flex-control-nav {
	bottom:18px;
}

.flex-control-nav li{
	margin:0 0 0 5px;
	display:inline-block;
	zoom:1;
	*display:inline;
}

.flex-control-nav li:first-child{
	margin:0;
}

.slider-1 {
	overflow:hidden;
}



.slider-1 .slides li h2, .slider-1 .slides li p, .slider-1 .slides li .links {
	/*max-width:600px;
	min-width:600px;*/
}

.slider-1 .slides li h2, .slider-1 .slides li p, .slider-1 .slides li .links, .slider-1 .slides li .item {
	position:absolute;
}

.slider-1 .slides li h2 { 
	left:0;
	top:-100%; 
	opacity:0;
	z-index:50;
	font-family: "microsoft yahei",Arial, Helvetica, sans-serif;
	font-size:38px;
	line-height:38px;
	min-width:50px;
	max-width: 100%;
	color:#414146;
	background-color:#ffb806;
	display: inline-block !important;
	padding: 15px 25px;
	margin:0;
	font-weight: 600;
	
}
.slider-1 .slides li p { 
	left:0; 
	bottom:-50%; 
	opacity:0; 
	z-index:50;
	font-family: "microsoft yahei", Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:22px;
	min-width:50px;
	color:#fff;
	background-color:#565a60;
	display: inline-block !important;
	padding: 8px 22px;
	
}

.slider-1 .slides li .links { left:-100%; opacity:0; z-index:50}

.slider-1 .slides li .item { right:-100%; opacity:0; z-index:10 }

.slider-1 .slides li p, .slider-2 .slides li p {
	line-height:30px;
}

.slider-1 .loading{
	background: #999da1 url(../images/loading.gif) no-repeat center center;
}

.slider-1 .slides li .item .video-wrap {
    /*min-width: 425px;
	min-height: 244px;	*/
}

.slider-1.iphone li {
	background:url(../images/img/sliders/pattern.png) repeat;
}

.slider-1.iphone li img {
	margin-top:37px;
}


a.button-j{
	color: #ffb806;
	border: 1px #ffb806 solid;
	padding: 5px 15px;
	border-radius: 0px;
	font-size: 13px;
}
a.button-j:hover{
	color: #fff;
	border: 1px #ffb806 solid;
}

.container{ position: relative; width: 1200px; margin: 0 auto; padding: 0; }
.container .sixteen.columns{ width: 1200px; }
.slider-1 .slides li .contain, .slider-1 .loading {position:relative;min-height:500px;}


	@media screen and (max-width:1439px) and (min-width:1280px) {
		.container{ position: relative; width: 1000px; margin: 0 auto; padding: 0; }
		.container .sixteen.columns{ width: 1000px; }
		.slider-1 .slides li .contain, .slider-1 .loading {position:relative;min-height:415px; max-height: 415px;}
		.slider-1 .slides li h2 {left:0;top:-100%; font-size:30px;line-height:30px;padding: 12px 22px;}
		.slider-1 .slides li p { font-size:15px;line-height:20px;padding: 8px 18px;}
		a.button-j{padding: 5px 15px;font-size: 12px;}
	}

	@media screen and (max-width:1279px) and (min-width:1024px) {
		.container{ position: relative; width: 800px; margin: 0 auto; padding: 0; }
		.container .sixteen.columns{ width: 800px; }
		.slider-1 .slides li .contain, .slider-1 .loading {position:relative;min-height:330px; max-height: 330px;}
		.slider-1 .slides li h2 {left:0;top:-100%; font-size:26px;line-height:26px;padding: 10px 20px;}
		.slider-1 .slides li p { font-size:14px;line-height:18px;padding: 8px 16px;}
		a.button-j{padding: 4px 12px;font-size: 12px;}
		.flex-direction-nav li a{height: 28px;width: 28px;padding:6px;}	
	}

	@media (max-width:1023px) and (min-width:768px) {
		.container{ position: relative; width: 90%; margin: 0 auto; padding: 0; }
		.container .sixteen.columns{ width: 90%; }
		.slider-1 .slides li .contain, .slider-1 .loading {position:relative;min-height:330px; max-height:none;}
		.slider-1 .slides li h2 { left:0;top:-100%;font-size:22px;line-height:22px;padding: 10px 20px;}
		.slider-1 .slides li p { font-size:10px;line-height:16px;padding: 6px 15px;}
		a.button-j{padding: 4px 10px;font-size: 11px;}
		.flex-direction-nav li a{height: 20px;width: 20px;padding:6px;}	
	}

    @media screen and (max-width: 767px) and (min-width: 480px) {
		.container{ position: relative; width: 90%; margin: 0 auto; padding: 0; }
		.container .sixteen.columns{ width: 90%; }
		.slider-1 .slides li .contain, .slider-1 .loading {position:relative;min-height:200px;max-height:none;}
		.slider-1 .slides li h2 { left:0;top:-100%;font-size:20px;line-height:20px;padding: 10px 20px;}
		.slider-1 .slides li p { font-size:10px;line-height:16px;padding: 6px 15px;display: none !important;}
		a.button-j{padding: 4px 10px;font-size: 11px;}	
		.flexslider .slides img{max-width:120%;display:block;}	
		.flex-direction-nav li a{height: 20px;width: 20px;padding:6px;}		
       
    }
    
	@media screen and (max-width:479px) {
		.container{ position: relative; width: 90%; margin: 0 auto; padding: 0; }
		.container .sixteen.columns{ width: 90%; }
		.slider-1 .slides li .contain, .slider-1 .loading {position:relative;min-height:190px;max-height:none;width: 100%;}
		.slider-1 .slides li h2 { left:-50px;top:-100%;font-size:1.6rem;line-height:16px;padding: 8px 15px; color: #0083C3;}
		.slider-1 .slides li p { font-size:1.0rem;line-height:15px;padding: 4px 10px; display: none !important;}
		a.button-j{padding: 4px 10px;font-size: 1.0rem;}
		.flexslider .slides img{max-width:150%;display:block;}		
		.flex-direction-nav li a{height: 18px;width: 18px;padding:8px;}	
	}